@import "../css/variables";

.alert {
  border-top-right-radius: $border-radius;
  border-bottom-right-radius: $border-radius;
  background-color: $gray-100;
  padding: $spacer;
  margin: $spacer * 1.5 0;
  border-left: 9px solid transparent;

  &.info {
    border-color: #6cb9f0;
  }

  &.warning {
    border-color: #f0a46c;
  }

  &.error {
    border-color: #f0646c;
  }

  .alert-title {
    font-weight: 400;
  }

  p:first-of-type {
    margin-top: 0;
  }

  p:last-of-type {
    margin-bottom: 0;
  }
}
